<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/移动端.css"/>
		<style type="text/css">
			/*body,html,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,dt,dd,li,p{margin:0;padding:0;}
			html,body{font-size: calc(100vw/7.5);}
			a{text-decoration: none;}
			li{list-style: none;}
			.pic1{width:100%;height:2.97rem;display: block;}
			.more{display: flex;justify-content: space-between;height:0.87rem;align-items: center;}
			.more img{width: 3.5rem;height:0.33rem;margin-left: 0.18rem;}
			.more div{font-size: 0.2rem;margin-right: 0.42rem;}
			.box{width: 100%;overflow:hidden;overflow-x:scroll;overflow-y: hidden;height: 1.36rem;}
			.box ul{width: 13rem;display: flex;}
			.box ul li{display: flex;margin-left: 0.15rem;margin-right: 0.1rem;border-radius: 1px;
			    border:1px solid #e7e7e7;box-sizing: border-box;width: 3.3rem;}
			.box ul li .b1{width: 70%;font-size: 0.22rem;text-align: center;height:1.23rem;margin-left:0.15rem;box-sizing: border-box;}
			.box ul li .b1 p:first-child{margin-top: 0.27rem;margin-bottom: 0.15rem;color: #f04e4b;}
			.box ul li .b2{width: 30%;height:1.24rem;background: #fc4a3e;color: white;text-align:center;font-size: 0.22rem;line-height: 1.24rem;box-sizing: border-box;}
		    .nav{width: 100%;overflow:hidden;overflow-x:scroll;overflow-y: hidden;height: 1.36rem;height: 1.58rem;font-size: 0.26rem;}
		    .nav ul{display: flex;align-items: center;height: 1.36rem;margin-left: 0.2rem;width: 12rem;}
		    .nav ul li{width: 1.9rem;}
		    .main{width: 100%;margin-bottom: 1rem;}
		    .main ul li{display:flex;font-size: 0.26rem;}
		    .main ul li img{width: 3.5rem;height: 1.93rem;margin-left: 0.2rem;margin-right: 0.22rem;}
		    .main ul li p{margin-bottom: 0.33rem;} 
		    .footer{display: flex;align-content:;position: fixed;bottom: 0;height: 1rem;align-items: center;width: 100%;background: #ffffff;}
		    .footer img:nth-child(1){width: 0.48rem;height:0.75rem;}
		    .footer img:nth-child(2){width: 0.44rem;height: 0.75rem;}
		    .footer img:nth-child(3){width:0.59rem ;height:0.75rem;}
		    .footer img:nth-child(4){width: 0.44rem;height:0.75rem;}
		     .footer div{width: 25%;text-align: center;height: 1rem;line-height: 1rem;}*/
		</style>
	</head>
	<body>
		<div class="boss">
			<img src="img/移动/home_02.jpg" class="pic1"/>
			<div class="more">
				<img src="img/移动/home_05.jpg"/>
				<div>查看更多></div>
			</div>
			<div class="box">
				<ul>
					<li>
						<div class="b1">
							<p>3月25日10:：00</p>
							<p>IT互联网</p>
						</div>
						<div class="b2">预约</div>
					</li>
					<li>
						<div class="b1">
							<p>3月25日10:：00</p>
							<p>IT互联网</p>
						</div>
						<div class="b2">预约</div>
					</li>
					<li>
						<div class="b1">
							<p>3月25日10:：00</p>
							<p>IT互联网</p>
						</div>
						<div class="b2">预约</div>
					</li>
				</ul>
			</div>
			<div class="nav">
				<ul>
					<li>精彩推介</li>
					<li>精彩推介</li>
					<li>精彩推介</li>
					<li>精彩推介</li>
					<li>精彩推介</li>
					<li>精彩推介</li>
				</ul>
			</div>
			<div class="main">
				<ul>
					<li>
						<img src="img/移动/home_12.jpg"/>
						<div id="">
							<p style="font-size: 0.26rem;font-weight: 800;margin-top: 0.24rem;">【齐轮】单品访客单品访客</p>
							<p>齐心高级讲师-悟空</p>
                            <p>直播时间 13:00</p>
						</div>
					</li>
					<li>
						<img src="img/移动/home_12.jpg"/>
						<div id="">
							<p style="font-size: 0.26rem;font-weight: 800;margin-top: 0.24rem;">【齐轮】单品访客单品访客</p>
							<p>齐心高级讲师-悟空</p>
                            <p>直播时间 13:00</p>
						</div>
					</li>
					<li>
						<img src="img/移动/home_12.jpg"/>
						<div id="">
							<p style="font-size: 0.26rem;font-weight: 800;margin-top: 0.24rem;">【齐轮】单品访客单品访客</p>
							<p>齐心高级讲师-悟空</p>
                            <p>直播时间 13:00</p>
						</div>
					</li>
				</ul>
			</div>
			<div class="footer">
				<div><img src="img/移动/home_15.jpg"/></div>
				<div><img src="img/移动/home_17.jpg"/></div>
				<div><img src="img/移动/home_19.jpg"/></div>
				<div><img src="img/移动/home_21.jpg"/></div>
			</div>
		</div>
	</body>
</html>
